<template>
  <h1>信息</h1>
  <h2>{{ name }}</h2>
  <h2>{{ age }}</h2>
  <button @click="sayHello">speak</button>
</template>

<script>

//Vue3里的function不能访问到Vue写的data数据
//按照Vue2的方法写的函数，可以访问到Vue3里的数据

export default {
  name: 'App',
  //暂时不考虑响应式
  setup(){
    //数据
    let name='张三'
    let age=18

    //方法
    function sayHello(){
      alert(`我叫${name},${age}岁了`)
    }

    //必须有返回值
    return{
      name,
      age,
      sayHello
    }
  }
}
</script>


